.slide-left-enter-active {
    transition: all 0.2s ease;
}

.slide-left-leave-active {
    transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-left-enter,
.slide-left-leave-to {
    transform: translateX(-120px);
    opacity: 0;
}

.slide-right-enter-active {
    transition: all 0.2s ease;
}

.slide-right-leave-active {
    transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-right-enter,
.slide-right-leave-to {
    transform: translateX(120px);
    opacity: 0;
}

.slide-enter-active,
.slide-leave-active {
    transition: 0.3s;
}

.slide-enter-from,
.slide-leave-to {
    opacity: 0;
    transform: translateX(-150px);
}

.slide-enter-to,
.slide-leave-from {
    transform: translateX(0px);
    opacity: 1;
}